@charset "UTF-8";
/**
 * Item Icons
 * --------------------------------------------------
 */
.item-icon-left .icon,
.item-icon-right .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;
    font-size: 32px; }
.item-icon-left .icon:before,
.item-icon-right .icon:before {
    display: block;
    width: 32px;
    text-align: center; }

.item .fill-icon {
    min-width: 30px;
    min-height: 30px;
    font-size: 28px; }

.item-icon-left {
    padding-left: 54px; }
.item-icon-left .icon {
    left: 11px; }

.item-complex.item-icon-left {
    padding-left: 0; }
.item-complex.item-icon-left .item-content {
    padding-left: 54px; }

.item-icon-right {
    padding-right: 54px; }
.item-icon-right .icon {
    right: 11px; }

.item-complex.item-icon-right {
    padding-right: 0; }
.item-complex.item-icon-right .item-content {
    padding-right: 54px; }

.item-icon-left.item-icon-right .icon:first-child {
    right: auto; }

.item-icon-left.item-icon-right .icon:last-child,
.item-icon-left .item-delete .icon {
    left: auto; }

.item-icon-left .icon-accessory,
.item-icon-right .icon-accessory {
    color: #ccc;
    font-size: 16px; }

.item-icon-left .icon-accessory {
    left: 3px; }

.item-icon-right .icon-accessory {
    right: 3px; }
